@charset "utf-8";
*:focus{outline: none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;}
html{-webkit-text-size-adjust:none;}
body{position:relative;*overflow-x:hidden; background-color: #fff;}
body,input,textarea{color: #333;font-size:14px;line-height: 1.5; font-family:"Microsoft YaHei", "PingFang SC", "apple-system", "Helvetica Neue", "Source Han Sans SC","WenQuanYi Micro Hei", sans-serif,Arial;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
img{-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;border:0}
em,i{font-style: normal;}
figure{margin:0;padding:0;background:none;}
svg{display: block;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:'';content:none;}
a{text-decoration:none;color:#333;}
a:hover{color:#0079cc;text-decoration:none;}
a:focus{outline:0px dotted;}
a:focus, input:focus{-moz-outline-style: none;}
::selection{background:#4d1b1b; color:#fff;}
::-moz-selection{background:#4d1b1b; color:#fff;}
::-webkit-selection{background:#4d1b1b; color:#fff;}
input[type="button"],
input[type="submit"],
input[type="reset"]{-webkit-appearance: none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
::-webkit-scrollbar{height:11px; width:11px}
::-webkit-scrollbar-button{height:0; width:0}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block}
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement{display:none}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-style:solid; border-color:transparent}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{background-clip:padding-box; background-color:#fff;}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07); background-clip:padding-box; background-color:rgba(0,0,0,.2); min-height:28px; padding-top:100}
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25); background-color:rgba(0,0,0,.4)}
::-webkit-scrollbar-thumb:active{-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35); background-color:rgba(0,0,0,.5)}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-width:0;}
::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1); background-color:rgba(0,0,0,.05)}
::-webkit-scrollbar-track:active{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07); background-color:rgba(0,0,0,.05)}
.clearfix::after{display: block; content: '\20'; height: 0; clear: both;}
.clearfix{*zoom: 1;}
/* 版心的尺寸 */
.g-in{width:1300px; margin:0 auto;}.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}
.header{position: fixed;top: 0;left: 0;right: 0;z-index: 100;background: #fff;}
.header.on{box-shadow: 0 0 8px #0079cc;}
.header .logo{float: left;}
.header .nav{float: right;}
.header .nav li{position: relative;float: left;margin-right: 53px;}
.header .nav li .m1{display: block; font-size: 16px; line-height: 100px;}
.header .nav li .subNav{display: none; position: absolute; left: 50%; top: 100%; width: 100%; transform: translateX(-50%);}
.header .topLink{float: right;}
.header .topLink .a1{float: left; position: relative;}
.header .topLink .a1 .sea-ico{width: 40px; height: 100px; background: url(pic_24.png) no-repeat center center; cursor: pointer;}
.header .topLink .a1 form{position: absolute;top: 100%;right: 0;width: 300px;display: none;border: 1px solid #0079cc;background-color: #fff;z-index: 99;}
.header .topLink .a1 input[type="text"]{width: 228px; height: 45px; line-height: 38px; background: #fff; float: left; padding: 0 12px; font-size: 14px; border: none; outline-style: none; box-sizing: border-box;}
.header .topLink .a1 input[type="submit"]{width: 70px;height: 45px;background: #0079cc;color: #fff;text-align: center;cursor: pointer;float: right;font-size: 14px;border: 0;border-radius: 0;}
.header .topLink .a2{float: right;}
.header .topLink .a2 .tel{padding-left: 26px; font-size: 26px; font-weight: bold; color: #0079cc; line-height: 100px; background: url(pic_01.png) no-repeat left center;}
.banner{padding-top: 100px; overflow: hidden;}
.banner .cont{position: relative; width: 1920px; left: 50%; margin-left: -960px;}
.banner .ban-swiper .swiper-pagination {bottom: 60px;}
.banner .ban-swiper .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;border-radius:50% ;background-color: #fff;margin: 0 11px;vertical-align: middle;opacity: 1;}
.banner .ban-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 40px;height: 40px; border: 2px solid rgb(255, 255, 255); background-color: transparent;}
.banner .ban-swiper .swiper-pagination-bullet i {display: none;}
.banner .ban-swiper .swiper-pagination-bullet-active i {display: block;font-size: 18px;font-family: "Arial";color: #fff;line-height: 44px;}
.footer{background: #3b3b3b;}
.footer .ft01 .cont{padding: 47px 0 38px 0; border-bottom: 1px solid #4f4f4f;}
.footer .ft01 .a1{float: left;}
.footer .ft01 .a2{position: relative; float: right; margin-top: 15px;}
.footer .ft01 .a2 .top{width: 346px; height: 48px; padding-left: 12px; box-sizing: border-box; border: 1px solid #626262; border-radius: 30px; line-height: 48px; font-size: 14px; color: #626262; background: url(pic_18.png) no-repeat right 30px center;}
.footer .ft01 .a2 .bot{display: none;position: absolute;width: 90%;left: 50%;top: 100%;transform: translateX(-50%);background: #ffffff;}
.footer .ft01 .a2 .bot .item a{display: block; width: 100%; box-sizing: border-box; padding-left: 20px; font-size: 16px; line-height: 30px; transition: all 0.3s;}
.footer .ft01 .a2 .bot .item a:hover{background: #0079cc; color: #ffffff;}
.footer .ft02 .cont{padding: 54px 0 50px 0; border-bottom: 1px solid #4f4f4f;}
.footer .ft02 .a1{float: left;}
.footer .ft02 .a1 dl{float: left; margin-right: 64px;}
.footer .ft02 .a1 dl:last-child{margin-right: 0;}
.footer .ft02 .a1 dl dt{margin-bottom: 20px;}
.footer .ft02 .a1 dl dd{margin-bottom: 8px;}
.footer .ft02 .a1 dl dt a{font-size: 16px; color: #ffffff;}
.footer .ft02 .a1 dl dd a{color: rgba(255,255,255,.5);}
.footer .ft02 .a1 dl dd a:hover{color: #ffffff;}
.footer .ft02 .a2{float: right; width: 370px;}
.footer .ft02 .a2 .b1{margin-bottom: 26px; padding-left: 82px; background: url(pic_19.png) no-repeat left center;}
.footer .ft02 .a2 .b1 .bb{font-size: 36px; font-weight: bold; color: #ffffff;}
.footer .ft02 .a2 .b1 .bc{font-size: 14px; color: #ffffff;}
.footer .ft02 .a2 .b2{margin-bottom: 24px;padding-left: 25px;color: #ffffff;background: url(pic_20.png) no-repeat left 4px;}
.footer .ft02 .a2 .b3 .ml{float: left; margin-right: 20px;}
.footer .ft02 .a2 .b3 .mr{float: left;margin-top: 14px;text-align: center;}
.footer .ft02 .a2 .b3 .mr .textBox{margin-top: 10px; font-size: 14px; color: rgba(255,255,255,.6); line-height: 24px;}
.footer .ft03{padding: 34px 0;}
.footer .ft03 .a1{float: left;}
.footer .ft03 .a1,
.footer .ft03 .a1 a{color: rgba(255,255,255,.2);}
.footer .ft03 .a1 a:hover{color: #ffffff;}
.footer .ft03 .a2{float: right;}
.footer .ft03 .a2 span{margin-right: 15px;}
.footer .ft03 .a2 span:last-child{margin-right: 0;}
.footer .ft03 .a2 .bshare-custom a{width: 17px;height: 21px;display: inline-block;}
.footer .ft03 .a2 .bshare-weixin{background: url(pic_21.jpg) no-repeat center;}
.footer .ft03 .a2 .bshare-qzone{background: url(pic_22.jpg) no-repeat center;}
.footer .ft03 .a2 .bshare-sinaminiblog{background: url(pic_23.jpg) no-repeat center;}


.suspension{position: fixed;z-index: 55;left: 0;top: 50%;width: 60px;height: 250px;margin-top: -125px;}
.suspension-box{position: relative;float: right;}
.suspension .a{display: block;width: 60px;height: 60px;background-color: #353535;margin-bottom: 4px;cursor: pointer;outline: none;}
.suspension .a.active, .suspension .a:hover{background: #00a9c2;}
.suspension .a .i{float: left;width: 40px;height: 40px;background-image: url(../images/suspension-bg.png);background-repeat: no-repeat;}
/* .suspension .a-service .i{background-position:0 0;}*/.suspension .a-service .i{width: 40px;height: 40px;margin-top: 10px;margin-left: 10px;background-image: url(../images/suspension-bg.png);background-repeat: no-repeat;background-position: 0 0;}
.suspension .a-service-phone .i{width: 40px;height: 40px;margin-top: 10px;margin-left: 10px;background-image: url(../images/suspension-bg.png);background-repeat: no-repeat;background-position: -40px 0;}
.suspension .a-qrcode .i{background-position: 0 -40px;margin-top: 10px;margin-left: 10px;}
.suspension .a-cart .i{background-position: -120px 0;}
.suspension .a-top .i{background-position: -40px -40px;margin-top: 10px;margin-left: 10px;}
.suspension .a-top{background: #D2D3D6;display: none;}
.suspension .a-top:hover{background: #c0c1c3;}
.suspension .d{display: none;width: 223px;background: #fff;position: absolute;left: 65px;border: 1px solid #E0E1E5;border-radius: 3px;box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position: absolute;width: 8px;height: 12px;background: url(../images/side_bg_arrow.png) no-repeat;right: -8px;top: 31px;}
.suspension .d-service{top: 0;}
.suspension .d-service-phone{top: 60px;}
.suspension .d-qrcode{top: 128px;}
.suspension .d .inner-box{padding: 15px;}
.suspension .d-service-item{padding: 0;}
.suspension .d-service .d-service-item{border-bottom: none;}
.suspension .d-service-item .circle{width: 60px;height: 60px;border-radius: 50%;overflow: hidden;background: #F1F1F3;display: block;float: left;}
.suspension .d-service-item .i-qq{width: 60px;height: 60px;background: url(../images/side_con_icon03.png) no-repeat center 15px;display: block;transition: all .2s;border-radius: 50%;overflow: hidden;}
.suspension .d-service-item:hover .i-qq{background-position: center 3px;}
.suspension .d-service-item .i-tel{width: 60px;height: 60px;background: url(../images/side_con_icon02.png) no-repeat center center;display: block;}
.suspension .d-service-item h3{float: left;width: 112px;line-height: 44px;color: #666;font-size: 15px;margin-left: 12px;}
.suspension .d-service-item .text{float: left;width: 112px;line-height: 22px;font-size: 15px;margin-left: 12px;}
.suspension .d-service-item .text .number{font-family: Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-item .text p{height: 60px;line-height: 22px;color: #666;font-size: 14px;}
.suspension .d-service-intro{padding-top: 10px;}
.suspension .d-service-intro p{float: left;line-height: 27px;font-size: 14px;width: 50%;white-space: nowrap;color: #888;}
.suspension .d-service-intro i{background: url(../images/side_con_icon01.png) no-repeat center center;height: 27px;width: 14px;margin-right: 5px;vertical-align: top;display: inline-block;}
.suspension .d-qrcode{text-align: center;width: 200px;}
.suspension .d-qrcode .inner-box{padding: 10px 0;}
.suspension .d-qrcode p{font-size: 14px;color: #93959c;margin: 10px 0 0;}